<template>
	<span :style="{backgroundColor: color}" class="zb-tag">
        <slot></slot>
    </span>
</template>

<script setup>
import { getRandomColor } from '@/module/colors/color';

const color = getRandomColor();
</script>

<style scoped>
.zb-tag {
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 0.9em;
	border: 1px solid #fff;
	margin: 5px;
}
</style>
